<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<!-- div 盒子 用于分隔页面元素，将页面分成多个元素(占地盘) -->
	<!-- 默认就是透明的，没有高度 -->
	<div></div>
	<div style="height: 200px;background-color: green;"></div>
	<!-- line-height 行高 值和高度设置成一样的 会让文本垂直居中 -->
	<div style="background-color: blue; width: 500px; height: 50px; line-height: 50px;">
		<!-- text-decoration: none 取消下划线 -->
	<a href="" style="color: yellow;text-decoration: none;">news</a>
	<a href="" style="color: yellow;">news</a>
	<a href="" style="color: yellow;text-decoration: none;">news</a>
	<a href="" style="color: yellow;">news</a>
	<a href="" style="color: yellow;text-decoration: none;">news</a>
</div>

</body>
</html>